<%--
  Created by IntelliJ IDEA.
  User: mengweiqiang
  Date: 2017/4/28
  Time: 20:00
  Function: Change Password Page
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<html>
<head>
    <title>修改密码</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <script src="../plugins/jquery/jquery-3.2.1.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../scripts/CheckChangePwdForm.js"></script>
</head>
<body style="background-color:#eeeeee">
<div class="container">
    <div class="row">
        <h2 style="font-family: '黑体';margin-top:2%;margin-bottom: 2%;color: #2aabd2;text-align: center">数据质量评估工具密码修改</h2>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="text-align: center">
            <form role="form"  method="POST" style="background-color:rgba(255,255,255,0.8);border: 1px solid #dedede;border-radius:8px;margin:0 auto;padding:30px;margin-bottom:30px;max-width: 500px" action="/user/SubmitChangePassword?UserID=${UserID}" id="ChangePasswordForm">

                <div class="form-group" style="text-align: left;">
                    <div class="form-inline">
                        <label for="UserIDLabel" class="control-label text-muted">&nbsp;&nbsp;&nbsp;&nbsp;用户ID：</label>
                        <label  class="control-label" id="UserIDLabel" >${UserID}</label>
                    </div>

                </div>
                <hr>
                <div class="form-group">
                    <div class="form-inline">
                        <label class="glyphicon glyphicon-lock" style="margin: 5px"></label>
                        <input type="password"  id="OldPassword" class="form-control" style="width: 90%" placeholder="请输入旧密码">

                    </div>
                    <label  class="control-label" id="PasswordCheckLabel" style="display: none;color: red">您的旧密码不正确</label>
                </div>

                <div class="form-group">
                    <div class="form-inline">
                        <label class="glyphicon glyphicon-lock" style="margin: 5px"></label>
                        <input type="password" id="NewPassword1" class="form-control" style="width: 90%" placeholder="请输入新密码">
                    </div>
                </div>

                <div class="form-group">
                    <div class="form-inline">
                        <label class="glyphicon glyphicon-lock" style="margin: 5px"></label>
                        <input type="password" id="NewPassword2" name="NewPassword" class="form-control" style="width: 90%" placeholder="请输入新密码">
                    </div>
                </div>
                <br>

                <div class="form-group" style="text-align: center">
                    <div class="form-inline">
                        <button type="button" class="btn btn-primary"  onclick="CheckChangePwd('${UserID}')">确认修改</button>
                        <button type="button" class="btn btn-primary" onclick="window.history.back()">取消修改</button>
                    </div>
                </div>

            </form>
        </div>

    </div>

</div>

</body>
</html>
